Skip to content

Memoization

If you've ever worked in a midsize or large React application, you've probably noticed that components re-render a lot. In some cases, this can lead to performance problems, where a small change near the top of the application causes a ton of unrelated components to re-render.

In this group of lessons, we're going to go deeper and learn exactly why React components re-render. We'll also see how three React tools can help us optimize this stuff:

  • The React.memo component wrapper
  • The useCallback hook
  • The useMemo hook

As I was building The Joy of React, I sent an email asking prospective students what they were hoping to learn in this course. Many, many people requested help with this stuff. Hopefully these lessons can offer a lot of clarity!